import { onMounted, ref } from 'vue'


function useShow () {
    const showDiv = ref(true)
    function show() {
      showDiv.value = true
    }
    function hide() {
      showDiv.value = false
    }

    return { showDiv, show, hide }
}

// 分散定义
function useColor () {
    const fontColor = ref('')
    function changeRed() {
      fontColor.value = 'red'
    }
    function changeYellow() {
      fontColor.value = 'blue'
    }

    return { fontColor, changeRed, changeYellow }
}



export { useShow, useColor}